<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Font Reference - Material Icon Font</title>
    <link href="http://fonts.googleapis.com/css?family=Dosis:400,500,700" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="styles.css">
    <style type="text/css">
      html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}
body{line-height:1;color:#000;background:#fff}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0;vertical-align:middle}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
a img{border:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{font-family:'Dosis','Tahoma',sans-serif}
.container{margin:15px auto;width:80%}
h1{margin:40px 0 20px;font-weight:700;font-size:38px;line-height:32px;color:#fb565e}
h2{font-size:18px;padding:0 0 21px 5px;margin:45px 0 0 0;text-transform:uppercase;font-weight:500}
.small{font-size:14px;color:#a5adb4;}
.small a{color:#a5adb4;}
.small a:hover{color:#fb565e}
.glyphs.character-mapping{margin:0 0 20px 0;padding:20px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;-webkit-border-radius:3px;border-radius:3px;}
.glyphs.character-mapping li{margin:0 30px 20px 0;display:inline-block;width:90px}
.glyphs.character-mapping .icon{margin:10px 0 10px 15px;padding:15px;position:relative;width:55px;height:55px;color:#162a36 !important;overflow:hidden;-webkit-border-radius:3px;border-radius:3px;font-size:32px;}
.glyphs.character-mapping .icon svg{fill:#000}
.glyphs.character-mapping input{margin:0;padding:5px 0;line-height:12px;font-size:12px;display:block;width:100%;border:1px solid #d8e0e5;-webkit-border-radius:5px;border-radius:5px;text-align:center;outline:0;}
.glyphs.character-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}
.glyphs.character-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}
.glyphs.css-mapping{margin:0 0 60px 0;padding:30px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;-webkit-border-radius:3px;border-radius:3px;}
.glyphs.css-mapping li{margin:0 30px 20px 0;padding:0;display:inline-block;overflow:hidden}
.glyphs.css-mapping .icon{margin:0;margin-right:10px;padding:13px;height:50px;width:50px;color:#162a36 !important;overflow:hidden;float:left;font-size:24px}
.glyphs.css-mapping input{margin:0;margin-top:5px;padding:8px;line-height:16px;font-size:16px;display:block;width:150px;height:40px;border:1px solid #d8e0e5;-webkit-border-radius:5px;border-radius:5px;background:#fff;outline:0;float:right;}
.glyphs.css-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}
.glyphs.css-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a}

      
    </style>
  </head>
  <body>
    <div class="container">
      <h1>Material Icon Font</h1>
      <p class="small">This font was created with <a href="http://fontastic.me/">Fontastic</a></p>
      <h2>CSS mapping</h2>
      <ul class="glyphs css-mapping">
        <li>
          <div class="icon ic-access-alarms"></div>
          <input type="text" readonly="readonly" value="access-alarms">
        </li>
        <li>
          <div class="icon ic-access-time"></div>
          <input type="text" readonly="readonly" value="access-time">
        </li>
        <li>
          <div class="icon ic-accessibility"></div>
          <input type="text" readonly="readonly" value="accessibility">
        </li>
        <li>
          <div class="icon ic-account-box"></div>
          <input type="text" readonly="readonly" value="account-box">
        </li>
        <li>
          <div class="icon ic-account-circle"></div>
          <input type="text" readonly="readonly" value="account-circle">
        </li>
        <li>
          <div class="icon ic-adb"></div>
          <input type="text" readonly="readonly" value="adb">
        </li>
        <li>
          <div class="icon ic-add"></div>
          <input type="text" readonly="readonly" value="add">
        </li>
        <li>
          <div class="icon ic-add-alarm"></div>
          <input type="text" readonly="readonly" value="add-alarm">
        </li>
        <li>
          <div class="icon ic-add-box"></div>
          <input type="text" readonly="readonly" value="add-box">
        </li>
        <li>
          <div class="icon ic-add-circle"></div>
          <input type="text" readonly="readonly" value="add-circle">
        </li>
        <li>
          <div class="icon ic-add-circle-outline"></div>
          <input type="text" readonly="readonly" value="add-circle-outline">
        </li>
        <li>
          <div class="icon ic-airplane-mode-off"></div>
          <input type="text" readonly="readonly" value="airplane-mode-off">
        </li>
        <li>
          <div class="icon ic-airplane-mode-on"></div>
          <input type="text" readonly="readonly" value="airplane-mode-on">
        </li>
        <li>
          <div class="icon ic-android"></div>
          <input type="text" readonly="readonly" value="android">
        </li>
        <li>
          <div class="icon ic-apps"></div>
          <input type="text" readonly="readonly" value="apps">
        </li>
        <li>
          <div class="icon ic-archive"></div>
          <input type="text" readonly="readonly" value="archive">
        </li>
        <li>
          <div class="icon ic-arrow-back"></div>
          <input type="text" readonly="readonly" value="arrow-back">
        </li>
        <li>
          <div class="icon ic-arrow-drop-down"></div>
          <input type="text" readonly="readonly" value="arrow-drop-down">
        </li>
        <li>
          <div class="icon ic-arrow-drop-down-circle"></div>
          <input type="text" readonly="readonly" value="arrow-drop-down-circle">
        </li>
        <li>
          <div class="icon ic-arrow-drop-up"></div>
          <input type="text" readonly="readonly" value="arrow-drop-up">
        </li>
        <li>
          <div class="icon ic-arrow-forward"></div>
          <input type="text" readonly="readonly" value="arrow-forward">
        </li>
        <li>
          <div class="icon ic-attachment"></div>
          <input type="text" readonly="readonly" value="attachment">
        </li>
        <li>
          <div class="icon ic-auto-fix"></div>
          <input type="text" readonly="readonly" value="auto-fix">
        </li>
        <li>
          <div class="icon ic-backspace"></div>
          <input type="text" readonly="readonly" value="backspace">
        </li>
        <li>
          <div class="icon ic-backup"></div>
          <input type="text" readonly="readonly" value="backup">
        </li>
        <li>
          <div class="icon ic-beenhere"></div>
          <input type="text" readonly="readonly" value="beenhere">
        </li>
        <li>
          <div class="icon ic-block"></div>
          <input type="text" readonly="readonly" value="block">
        </li>
        <li>
          <div class="icon ic-bluetooth"></div>
          <input type="text" readonly="readonly" value="bluetooth">
        </li>
        <li>
          <div class="icon ic-bluetooth-audio"></div>
          <input type="text" readonly="readonly" value="bluetooth-audio">
        </li>
        <li>
          <div class="icon ic-bluetooth-connected"></div>
          <input type="text" readonly="readonly" value="bluetooth-connected">
        </li>
        <li>
          <div class="icon ic-bluetooth-disabled"></div>
          <input type="text" readonly="readonly" value="bluetooth-disabled">
        </li>
        <li>
          <div class="icon ic-bluetooth-searching"></div>
          <input type="text" readonly="readonly" value="bluetooth-searching">
        </li>
        <li>
          <div class="icon ic-bold"></div>
          <input type="text" readonly="readonly" value="bold">
        </li>
        <li>
          <div class="icon ic-book"></div>
          <input type="text" readonly="readonly" value="book">
        </li>
        <li>
          <div class="icon ic-bookmark"></div>
          <input type="text" readonly="readonly" value="bookmark">
        </li>
        <li>
          <div class="icon ic-bookmark-outline"></div>
          <input type="text" readonly="readonly" value="bookmark-outline">
        </li>
        <li>
          <div class="icon ic-brightness-auto"></div>
          <input type="text" readonly="readonly" value="brightness-auto">
        </li>
        <li>
          <div class="icon ic-brightness-high"></div>
          <input type="text" readonly="readonly" value="brightness-high">
        </li>
        <li>
          <div class="icon ic-brightness-low"></div>
          <input type="text" readonly="readonly" value="brightness-low">
        </li>
        <li>
          <div class="icon ic-brightness-medium"></div>
          <input type="text" readonly="readonly" value="brightness-medium">
        </li>
        <li>
          <div class="icon ic-bug-report"></div>
          <input type="text" readonly="readonly" value="bug-report">
        </li>
        <li>
          <div class="icon ic-cake"></div>
          <input type="text" readonly="readonly" value="cake">
        </li>
        <li>
          <div class="icon ic-call"></div>
          <input type="text" readonly="readonly" value="call">
        </li>
        <li>
          <div class="icon ic-call-end"></div>
          <input type="text" readonly="readonly" value="call-end">
        </li>
        <li>
          <div class="icon ic-call-made"></div>
          <input type="text" readonly="readonly" value="call-made">
        </li>
        <li>
          <div class="icon ic-call-merge"></div>
          <input type="text" readonly="readonly" value="call-merge">
        </li>
        <li>
          <div class="icon ic-call-missed"></div>
          <input type="text" readonly="readonly" value="call-missed">
        </li>
        <li>
          <div class="icon ic-call-received"></div>
          <input type="text" readonly="readonly" value="call-received">
        </li>
        <li>
          <div class="icon ic-call-split"></div>
          <input type="text" readonly="readonly" value="call-split">
        </li>
        <li>
          <div class="icon ic-camera"></div>
          <input type="text" readonly="readonly" value="camera">
        </li>
        <li>
          <div class="icon ic-camera-alt"></div>
          <input type="text" readonly="readonly" value="camera-alt">
        </li>
        <li>
          <div class="icon ic-camera-roll"></div>
          <input type="text" readonly="readonly" value="camera-roll">
        </li>
        <li>
          <div class="icon ic-cancel"></div>
          <input type="text" readonly="readonly" value="cancel">
        </li>
        <li>
          <div class="icon ic-cast"></div>
          <input type="text" readonly="readonly" value="cast">
        </li>
        <li>
          <div class="icon ic-cast-connected"></div>
          <input type="text" readonly="readonly" value="cast-connected">
        </li>
        <li>
          <div class="icon ic-chat"></div>
          <input type="text" readonly="readonly" value="chat">
        </li>
        <li>
          <div class="icon ic-check"></div>
          <input type="text" readonly="readonly" value="check">
        </li>
        <li>
          <div class="icon ic-check-box"></div>
          <input type="text" readonly="readonly" value="check-box">
        </li>
        <li>
          <div class="icon ic-check-box-blank"></div>
          <input type="text" readonly="readonly" value="check-box-blank">
        </li>
        <li>
          <div class="icon ic-check-box-outline"></div>
          <input type="text" readonly="readonly" value="check-box-outline">
        </li>
        <li>
          <div class="icon ic-check-box-outline-blank"></div>
          <input type="text" readonly="readonly" value="check-box-outline-blank">
        </li>
        <li>
          <div class="icon ic-check-circle"></div>
          <input type="text" readonly="readonly" value="check-circle">
        </li>
        <li>
          <div class="icon ic-check-circle-blank"></div>
          <input type="text" readonly="readonly" value="check-circle-blank">
        </li>
        <li>
          <div class="icon ic-check-circle-outline"></div>
          <input type="text" readonly="readonly" value="check-circle-outline">
        </li>
        <li>
          <div class="icon ic-check-circle-outline-blank"></div>
          <input type="text" readonly="readonly" value="check-circle-outline-blank">
        </li>
        <li>
          <div class="icon ic-chevron-left"></div>
          <input type="text" readonly="readonly" value="chevron-left">
        </li>
        <li>
          <div class="icon ic-chevron-right"></div>
          <input type="text" readonly="readonly" value="chevron-right">
        </li>
        <li>
          <div class="icon ic-chromecast"></div>
          <input type="text" readonly="readonly" value="chromecast">
        </li>
        <li>
          <div class="icon ic-circles"></div>
          <input type="text" readonly="readonly" value="circles">
        </li>
        <li>
          <div class="icon ic-circles-add"></div>
          <input type="text" readonly="readonly" value="circles-add">
        </li>
        <li>
          <div class="icon ic-circles-extended"></div>
          <input type="text" readonly="readonly" value="circles-extended">
        </li>
        <li>
          <div class="icon ic-clear"></div>
          <input type="text" readonly="readonly" value="clear">
        </li>
        <li>
          <div class="icon ic-close"></div>
          <input type="text" readonly="readonly" value="close">
        </li>
        <li>
          <div class="icon ic-close-caption"></div>
          <input type="text" readonly="readonly" value="close-caption">
        </li>
        <li>
          <div class="icon ic-cloud"></div>
          <input type="text" readonly="readonly" value="cloud">
        </li>
        <li>
          <div class="icon ic-cloud-circle"></div>
          <input type="text" readonly="readonly" value="cloud-circle">
        </li>
        <li>
          <div class="icon ic-cloud-done"></div>
          <input type="text" readonly="readonly" value="cloud-done">
        </li>
        <li>
          <div class="icon ic-cloud-download"></div>
          <input type="text" readonly="readonly" value="cloud-download">
        </li>
        <li>
          <div class="icon ic-cloud-off"></div>
          <input type="text" readonly="readonly" value="cloud-off">
        </li>
        <li>
          <div class="icon ic-cloud-queue"></div>
          <input type="text" readonly="readonly" value="cloud-queue">
        </li>
        <li>
          <div class="icon ic-cloud-upload"></div>
          <input type="text" readonly="readonly" value="cloud-upload">
        </li>
        <li>
          <div class="icon ic-comment"></div>
          <input type="text" readonly="readonly" value="comment">
        </li>
        <li>
          <div class="icon ic-communities"></div>
          <input type="text" readonly="readonly" value="communities">
        </li>
        <li>
          <div class="icon ic-content-copy"></div>
          <input type="text" readonly="readonly" value="content-copy">
        </li>
        <li>
          <div class="icon ic-content-cut"></div>
          <input type="text" readonly="readonly" value="content-cut">
        </li>
        <li>
          <div class="icon ic-content-paste"></div>
          <input type="text" readonly="readonly" value="content-paste">
        </li>
        <li>
          <div class="icon ic-create"></div>
          <input type="text" readonly="readonly" value="create">
        </li>
        <li>
          <div class="icon ic-credit-card"></div>
          <input type="text" readonly="readonly" value="credit-card">
        </li>
        <li>
          <div class="icon ic-crop"></div>
          <input type="text" readonly="readonly" value="crop">
        </li>
        <li>
          <div class="icon ic-crop-free"></div>
          <input type="text" readonly="readonly" value="crop-free">
        </li>
        <li>
          <div class="icon ic-crop-landscape"></div>
          <input type="text" readonly="readonly" value="crop-landscape">
        </li>
        <li>
          <div class="icon ic-crop-portrait"></div>
          <input type="text" readonly="readonly" value="crop-portrait">
        </li>
        <li>
          <div class="icon ic-crop-square"></div>
          <input type="text" readonly="readonly" value="crop-square">
        </li>
        <li>
          <div class="icon ic-data-usage"></div>
          <input type="text" readonly="readonly" value="data-usage">
        </li>
        <li>
          <div class="icon ic-delete"></div>
          <input type="text" readonly="readonly" value="delete">
        </li>
        <li>
          <div class="icon ic-developer-mode"></div>
          <input type="text" readonly="readonly" value="developer-mode">
        </li>
        <li>
          <div class="icon ic-dialpad"></div>
          <input type="text" readonly="readonly" value="dialpad">
        </li>
        <li>
          <div class="icon ic-directions"></div>
          <input type="text" readonly="readonly" value="directions">
        </li>
        <li>
          <div class="icon ic-directions-bike"></div>
          <input type="text" readonly="readonly" value="directions-bike">
        </li>
        <li>
          <div class="icon ic-directions-bus"></div>
          <input type="text" readonly="readonly" value="directions-bus">
        </li>
        <li>
          <div class="icon ic-directions-car"></div>
          <input type="text" readonly="readonly" value="directions-car">
        </li>
        <li>
          <div class="icon ic-directions-subway"></div>
          <input type="text" readonly="readonly" value="directions-subway">
        </li>
        <li>
          <div class="icon ic-directions-train"></div>
          <input type="text" readonly="readonly" value="directions-train">
        </li>
        <li>
          <div class="icon ic-directions-transit"></div>
          <input type="text" readonly="readonly" value="directions-transit">
        </li>
        <li>
          <div class="icon ic-directionswalk"></div>
          <input type="text" readonly="readonly" value="directionswalk">
        </li>
        <li>
          <div class="icon ic-disc-full"></div>
          <input type="text" readonly="readonly" value="disc-full">
        </li>
        <li>
          <div class="icon ic-do-not-disturb"></div>
          <input type="text" readonly="readonly" value="do-not-disturb">
        </li>
        <li>
          <div class="icon ic-dock"></div>
          <input type="text" readonly="readonly" value="dock">
        </li>
        <li>
          <div class="icon ic-domain"></div>
          <input type="text" readonly="readonly" value="domain">
        </li>
        <li>
          <div class="icon ic-done"></div>
          <input type="text" readonly="readonly" value="done">
        </li>
        <li>
          <div class="icon ic-done-all"></div>
          <input type="text" readonly="readonly" value="done-all">
        </li>
        <li>
          <div class="icon ic-drafts"></div>
          <input type="text" readonly="readonly" value="drafts">
        </li>
        <li>
          <div class="icon ic-drive"></div>
          <input type="text" readonly="readonly" value="drive">
        </li>
        <li>
          <div class="icon ic-drive-apk"></div>
          <input type="text" readonly="readonly" value="drive-apk">
        </li>
        <li>
          <div class="icon ic-drive-audio"></div>
          <input type="text" readonly="readonly" value="drive-audio">
        </li>
        <li>
          <div class="icon ic-drive-code"></div>
          <input type="text" readonly="readonly" value="drive-code">
        </li>
        <li>
          <div class="icon ic-drive-document"></div>
          <input type="text" readonly="readonly" value="drive-document">
        </li>
        <li>
          <div class="icon ic-drive-drawing"></div>
          <input type="text" readonly="readonly" value="drive-drawing">
        </li>
        <li>
          <div class="icon ic-drive-eta"></div>
          <input type="text" readonly="readonly" value="drive-eta">
        </li>
        <li>
          <div class="icon ic-drive-file"></div>
          <input type="text" readonly="readonly" value="drive-file">
        </li>
        <li>
          <div class="icon ic-drive-font"></div>
          <input type="text" readonly="readonly" value="drive-font">
        </li>
        <li>
          <div class="icon ic-drive-form"></div>
          <input type="text" readonly="readonly" value="drive-form">
        </li>
        <li>
          <div class="icon ic-drive-fusiontable"></div>
          <input type="text" readonly="readonly" value="drive-fusiontable">
        </li>
        <li>
          <div class="icon ic-drive-image"></div>
          <input type="text" readonly="readonly" value="drive-image">
        </li>
        <li>
          <div class="icon ic-drive-ms-excel"></div>
          <input type="text" readonly="readonly" value="drive-ms-excel">
        </li>
        <li>
          <div class="icon ic-drive-ms-powerpoint"></div>
          <input type="text" readonly="readonly" value="drive-ms-powerpoint">
        </li>
        <li>
          <div class="icon ic-drive-ms-word"></div>
          <input type="text" readonly="readonly" value="drive-ms-word">
        </li>
        <li>
          <div class="icon ic-drive-pdf"></div>
          <input type="text" readonly="readonly" value="drive-pdf">
        </li>
        <li>
          <div class="icon ic-drive-presentation"></div>
          <input type="text" readonly="readonly" value="drive-presentation">
        </li>
        <li>
          <div class="icon ic-drive-script"></div>
          <input type="text" readonly="readonly" value="drive-script">
        </li>
        <li>
          <div class="icon ic-drive-site"></div>
          <input type="text" readonly="readonly" value="drive-site">
        </li>
        <li>
          <div class="icon ic-drive-spreadsheet"></div>
          <input type="text" readonly="readonly" value="drive-spreadsheet">
        </li>
        <li>
          <div class="icon ic-drive-video"></div>
          <input type="text" readonly="readonly" value="drive-video">
        </li>
        <li>
          <div class="icon ic-drive-zip"></div>
          <input type="text" readonly="readonly" value="drive-zip">
        </li>
        <li>
          <div class="icon ic-earth"></div>
          <input type="text" readonly="readonly" value="earth">
        </li>
        <li>
          <div class="icon ic-email"></div>
          <input type="text" readonly="readonly" value="email">
        </li>
        <li>
          <div class="icon ic-error"></div>
          <input type="text" readonly="readonly" value="error">
        </li>
        <li>
          <div class="icon ic-event"></div>
          <input type="text" readonly="readonly" value="event">
        </li>
        <li>
          <div class="icon ic-exit-to-app"></div>
          <input type="text" readonly="readonly" value="exit-to-app">
        </li>
        <li>
          <div class="icon ic-expand-less"></div>
          <input type="text" readonly="readonly" value="expand-less">
        </li>
        <li>
          <div class="icon ic-expand-more"></div>
          <input type="text" readonly="readonly" value="expand-more">
        </li>
        <li>
          <div class="icon ic-explore"></div>
          <input type="text" readonly="readonly" value="explore">
        </li>
        <li>
          <div class="icon ic-extension"></div>
          <input type="text" readonly="readonly" value="extension">
        </li>
        <li>
          <div class="icon ic-fast-forward"></div>
          <input type="text" readonly="readonly" value="fast-forward">
        </li>
        <li>
          <div class="icon ic-fast-rewind"></div>
          <input type="text" readonly="readonly" value="fast-rewind">
        </li>
        <li>
          <div class="icon ic-favorite"></div>
          <input type="text" readonly="readonly" value="favorite">
        </li>
        <li>
          <div class="icon ic-favorite-outline"></div>
          <input type="text" readonly="readonly" value="favorite-outline">
        </li>
        <li>
          <div class="icon ic-file-download"></div>
          <input type="text" readonly="readonly" value="file-download">
        </li>
        <li>
          <div class="icon ic-file-upload"></div>
          <input type="text" readonly="readonly" value="file-upload">
        </li>
        <li>
          <div class="icon ic-filter"></div>
          <input type="text" readonly="readonly" value="filter">
        </li>
        <li>
          <div class="icon ic-flag"></div>
          <input type="text" readonly="readonly" value="flag">
        </li>
        <li>
          <div class="icon ic-flash-auto"></div>
          <input type="text" readonly="readonly" value="flash-auto">
        </li>
        <li>
          <div class="icon ic-flash-off"></div>
          <input type="text" readonly="readonly" value="flash-off">
        </li>
        <li>
          <div class="icon ic-flash-on"></div>
          <input type="text" readonly="readonly" value="flash-on">
        </li>
        <li>
          <div class="icon ic-flights"></div>
          <input type="text" readonly="readonly" value="flights">
        </li>
        <li>
          <div class="icon ic-flip-to-back"></div>
          <input type="text" readonly="readonly" value="flip-to-back">
        </li>
        <li>
          <div class="icon ic-flip-to-front"></div>
          <input type="text" readonly="readonly" value="flip-to-front">
        </li>
        <li>
          <div class="icon ic-folder"></div>
          <input type="text" readonly="readonly" value="folder">
        </li>
        <li>
          <div class="icon ic-folder-mydrive"></div>
          <input type="text" readonly="readonly" value="folder-mydrive">
        </li>
        <li>
          <div class="icon ic-folder-shared"></div>
          <input type="text" readonly="readonly" value="folder-shared">
        </li>
        <li>
          <div class="icon ic-forum"></div>
          <input type="text" readonly="readonly" value="forum">
        </li>
        <li>
          <div class="icon ic-forward"></div>
          <input type="text" readonly="readonly" value="forward">
        </li>
        <li>
          <div class="icon ic-fullscreen"></div>
          <input type="text" readonly="readonly" value="fullscreen">
        </li>
        <li>
          <div class="icon ic-fullscreen-exit"></div>
          <input type="text" readonly="readonly" value="fullscreen-exit">
        </li>
        <li>
          <div class="icon ic-gamepad"></div>
          <input type="text" readonly="readonly" value="gamepad">
        </li>
        <li>
          <div class="icon ic-games"></div>
          <input type="text" readonly="readonly" value="games">
        </li>
        <li>
          <div class="icon ic-gesture"></div>
          <input type="text" readonly="readonly" value="gesture">
        </li>
        <li>
          <div class="icon ic-glass"></div>
          <input type="text" readonly="readonly" value="glass">
        </li>
        <li>
          <div class="icon ic-gmail"></div>
          <input type="text" readonly="readonly" value="gmail">
        </li>
        <li>
          <div class="icon ic-google"></div>
          <input type="text" readonly="readonly" value="google">
        </li>
        <li>
          <div class="icon ic-google-plus"></div>
          <input type="text" readonly="readonly" value="google-plus">
        </li>
        <li>
          <div class="icon ic-gps-fixed"></div>
          <input type="text" readonly="readonly" value="gps-fixed">
        </li>
        <li>
          <div class="icon ic-gps-not-fixed"></div>
          <input type="text" readonly="readonly" value="gps-not-fixed">
        </li>
        <li>
          <div class="icon ic-gps-off"></div>
          <input type="text" readonly="readonly" value="gps-off">
        </li>
        <li>
          <div class="icon ic-group"></div>
          <input type="text" readonly="readonly" value="group">
        </li>
        <li>
          <div class="icon ic-group-add"></div>
          <input type="text" readonly="readonly" value="group-add">
        </li>
        <li>
          <div class="icon ic-hangout"></div>
          <input type="text" readonly="readonly" value="hangout">
        </li>
        <li>
          <div class="icon ic-hangout-video"></div>
          <input type="text" readonly="readonly" value="hangout-video">
        </li>
        <li>
          <div class="icon ic-hangout-video-off"></div>
          <input type="text" readonly="readonly" value="hangout-video-off">
        </li>
        <li>
          <div class="icon ic-headset"></div>
          <input type="text" readonly="readonly" value="headset">
        </li>
        <li>
          <div class="icon ic-headset-mic"></div>
          <input type="text" readonly="readonly" value="headset-mic">
        </li>
        <li>
          <div class="icon ic-help"></div>
          <input type="text" readonly="readonly" value="help">
        </li>
        <li>
          <div class="icon ic-high-quality"></div>
          <input type="text" readonly="readonly" value="high-quality">
        </li>
        <li>
          <div class="icon ic-history"></div>
          <input type="text" readonly="readonly" value="history">
        </li>
        <li>
          <div class="icon ic-home"></div>
          <input type="text" readonly="readonly" value="home">
        </li>
        <li>
          <div class="icon ic-hotel"></div>
          <input type="text" readonly="readonly" value="hotel">
        </li>
        <li>
          <div class="icon ic-https"></div>
          <input type="text" readonly="readonly" value="https">
        </li>
        <li>
          <div class="icon ic-image"></div>
          <input type="text" readonly="readonly" value="image">
        </li>
        <li>
          <div class="icon ic-import-export"></div>
          <input type="text" readonly="readonly" value="import-export">
        </li>
        <li>
          <div class="icon ic-inbox"></div>
          <input type="text" readonly="readonly" value="inbox">
        </li>
        <li>
          <div class="icon ic-info"></div>
          <input type="text" readonly="readonly" value="info">
        </li>
        <li>
          <div class="icon ic-info-outline"></div>
          <input type="text" readonly="readonly" value="info-outline">
        </li>
        <li>
          <div class="icon ic-invert-colors"></div>
          <input type="text" readonly="readonly" value="invert-colors">
        </li>
        <li>
          <div class="icon ic-italics"></div>
          <input type="text" readonly="readonly" value="italics">
        </li>
        <li>
          <div class="icon ic-keep"></div>
          <input type="text" readonly="readonly" value="keep">
        </li>
        <li>
          <div class="icon ic-keyboard"></div>
          <input type="text" readonly="readonly" value="keyboard">
        </li>
        <li>
          <div class="icon ic-keyboard-alt"></div>
          <input type="text" readonly="readonly" value="keyboard-alt">
        </li>
        <li>
          <div class="icon ic-keyboard-arrow-down"></div>
          <input type="text" readonly="readonly" value="keyboard-arrow-down">
        </li>
        <li>
          <div class="icon ic-keyboard-arrow-left"></div>
          <input type="text" readonly="readonly" value="keyboard-arrow-left">
        </li>
        <li>
          <div class="icon ic-keyboard-arrow-right"></div>
          <input type="text" readonly="readonly" value="keyboard-arrow-right">
        </li>
        <li>
          <div class="icon ic-keyboard-arrow-up"></div>
          <input type="text" readonly="readonly" value="keyboard-arrow-up">
        </li>
        <li>
          <div class="icon ic-keyboard-backspace"></div>
          <input type="text" readonly="readonly" value="keyboard-backspace">
        </li>
        <li>
          <div class="icon ic-keyboard-capslock"></div>
          <input type="text" readonly="readonly" value="keyboard-capslock">
        </li>
        <li>
          <div class="icon ic-keyboard-control"></div>
          <input type="text" readonly="readonly" value="keyboard-control">
        </li>
        <li>
          <div class="icon ic-keyboard-hide"></div>
          <input type="text" readonly="readonly" value="keyboard-hide">
        </li>
        <li>
          <div class="icon ic-keyboard-return"></div>
          <input type="text" readonly="readonly" value="keyboard-return">
        </li>
        <li>
          <div class="icon ic-keyboard-tab"></div>
          <input type="text" readonly="readonly" value="keyboard-tab">
        </li>
        <li>
          <div class="icon ic-keyboard-voice"></div>
          <input type="text" readonly="readonly" value="keyboard-voice">
        </li>
        <li>
          <div class="icon ic-label"></div>
          <input type="text" readonly="readonly" value="label">
        </li>
        <li>
          <div class="icon ic-label-outline"></div>
          <input type="text" readonly="readonly" value="label-outline">
        </li>
        <li>
          <div class="icon ic-landscape"></div>
          <input type="text" readonly="readonly" value="landscape">
        </li>
        <li>
          <div class="icon ic-language"></div>
          <input type="text" readonly="readonly" value="language">
        </li>
        <li>
          <div class="icon ic-laptop"></div>
          <input type="text" readonly="readonly" value="laptop">
        </li>
        <li>
          <div class="icon ic-launch"></div>
          <input type="text" readonly="readonly" value="launch">
        </li>
        <li>
          <div class="icon ic-link"></div>
          <input type="text" readonly="readonly" value="link">
        </li>
        <li>
          <div class="icon ic-list"></div>
          <input type="text" readonly="readonly" value="list">
        </li>
        <li>
          <div class="icon ic-live-help"></div>
          <input type="text" readonly="readonly" value="live-help">
        </li>
        <li>
          <div class="icon ic-location"></div>
          <input type="text" readonly="readonly" value="location">
        </li>
        <li>
          <div class="icon ic-location-city"></div>
          <input type="text" readonly="readonly" value="location-city">
        </li>
        <li>
          <div class="icon ic-location-disabled"></div>
          <input type="text" readonly="readonly" value="location-disabled">
        </li>
        <li>
          <div class="icon ic-location-searching"></div>
          <input type="text" readonly="readonly" value="location-searching">
        </li>
        <li>
          <div class="icon ic-lock"></div>
          <input type="text" readonly="readonly" value="lock">
        </li>
        <li>
          <div class="icon ic-lock-open"></div>
          <input type="text" readonly="readonly" value="lock-open">
        </li>
        <li>
          <div class="icon ic-lock-outline"></div>
          <input type="text" readonly="readonly" value="lock-outline">
        </li>
        <li>
          <div class="icon ic-loop"></div>
          <input type="text" readonly="readonly" value="loop">
        </li>
        <li>
          <div class="icon ic-mail"></div>
          <input type="text" readonly="readonly" value="mail">
        </li>
        <li>
          <div class="icon ic-map"></div>
          <input type="text" readonly="readonly" value="map">
        </li>
        <li>
          <div class="icon ic-mark-unread"></div>
          <input type="text" readonly="readonly" value="mark-unread">
        </li>
        <li>
          <div class="icon ic-memory"></div>
          <input type="text" readonly="readonly" value="memory">
        </li>
        <li>
          <div class="icon ic-menu"></div>
          <input type="text" readonly="readonly" value="menu">
        </li>
        <li>
          <div class="icon ic-message"></div>
          <input type="text" readonly="readonly" value="message">
        </li>
        <li>
          <div class="icon ic-messenger"></div>
          <input type="text" readonly="readonly" value="messenger">
        </li>
        <li>
          <div class="icon ic-mic"></div>
          <input type="text" readonly="readonly" value="mic">
        </li>
        <li>
          <div class="icon ic-mic-none"></div>
          <input type="text" readonly="readonly" value="mic-none">
        </li>
        <li>
          <div class="icon ic-mic-off"></div>
          <input type="text" readonly="readonly" value="mic-off">
        </li>
        <li>
          <div class="icon ic-mms"></div>
          <input type="text" readonly="readonly" value="mms">
        </li>
        <li>
          <div class="icon ic-mood"></div>
          <input type="text" readonly="readonly" value="mood">
        </li>
        <li>
          <div class="icon ic-more"></div>
          <input type="text" readonly="readonly" value="more">
        </li>
        <li>
          <div class="icon ic-more-horiz"></div>
          <input type="text" readonly="readonly" value="more-horiz">
        </li>
        <li>
          <div class="icon ic-more-vert"></div>
          <input type="text" readonly="readonly" value="more-vert">
        </li>
        <li>
          <div class="icon ic-mouse"></div>
          <input type="text" readonly="readonly" value="mouse">
        </li>
        <li>
          <div class="icon ic-movie"></div>
          <input type="text" readonly="readonly" value="movie">
        </li>
        <li>
          <div class="icon ic-nest-protect"></div>
          <input type="text" readonly="readonly" value="nest-protect">
        </li>
        <li>
          <div class="icon ic-nest-thermostat"></div>
          <input type="text" readonly="readonly" value="nest-thermostat">
        </li>
        <li>
          <div class="icon ic-network-cell"></div>
          <input type="text" readonly="readonly" value="network-cell">
        </li>
        <li>
          <div class="icon ic-network-wifi"></div>
          <input type="text" readonly="readonly" value="network-wifi">
        </li>
        <li>
          <div class="icon ic-news"></div>
          <input type="text" readonly="readonly" value="news">
        </li>
        <li>
          <div class="icon ic-nfc"></div>
          <input type="text" readonly="readonly" value="nfc">
        </li>
        <li>
          <div class="icon ic-notifications"></div>
          <input type="text" readonly="readonly" value="notifications">
        </li>
        <li>
          <div class="icon ic-notifications-none"></div>
          <input type="text" readonly="readonly" value="notifications-none">
        </li>
        <li>
          <div class="icon ic-notifications-off"></div>
          <input type="text" readonly="readonly" value="notifications-off">
        </li>
        <li>
          <div class="icon ic-notifications-on"></div>
          <input type="text" readonly="readonly" value="notifications-on">
        </li>
        <li>
          <div class="icon ic-notifications-paused"></div>
          <input type="text" readonly="readonly" value="notifications-paused">
        </li>
        <li>
          <div class="icon ic-pages"></div>
          <input type="text" readonly="readonly" value="pages">
        </li>
        <li>
          <div class="icon ic-palette"></div>
          <input type="text" readonly="readonly" value="palette">
        </li>
        <li>
          <div class="icon ic-panorama"></div>
          <input type="text" readonly="readonly" value="panorama">
        </li>
        <li>
          <div class="icon ic-party-mode"></div>
          <input type="text" readonly="readonly" value="party-mode">
        </li>
        <li>
          <div class="icon ic-pause"></div>
          <input type="text" readonly="readonly" value="pause">
        </li>
        <li>
          <div class="icon ic-pause-circle-fill"></div>
          <input type="text" readonly="readonly" value="pause-circle-fill">
        </li>
        <li>
          <div class="icon ic-pause-circle-outline"></div>
          <input type="text" readonly="readonly" value="pause-circle-outline">
        </li>
        <li>
          <div class="icon ic-people"></div>
          <input type="text" readonly="readonly" value="people">
        </li>
        <li>
          <div class="icon ic-person"></div>
          <input type="text" readonly="readonly" value="person">
        </li>
        <li>
          <div class="icon ic-person-add"></div>
          <input type="text" readonly="readonly" value="person-add">
        </li>
        <li>
          <div class="icon ic-person-location"></div>
          <input type="text" readonly="readonly" value="person-location">
        </li>
        <li>
          <div class="icon ic-person-outline"></div>
          <input type="text" readonly="readonly" value="person-outline">
        </li>
        <li>
          <div class="icon ic-phone"></div>
          <input type="text" readonly="readonly" value="phone">
        </li>
        <li>
          <div class="icon ic-phone2"></div>
          <input type="text" readonly="readonly" value="phone2">
        </li>
        <li>
          <div class="icon ic-phone-bluetooth-speaker"></div>
          <input type="text" readonly="readonly" value="phone-bluetooth-speaker">
        </li>
        <li>
          <div class="icon ic-phone-forwarded"></div>
          <input type="text" readonly="readonly" value="phone-forwarded">
        </li>
        <li>
          <div class="icon ic-phone-in-talk"></div>
          <input type="text" readonly="readonly" value="phone-in-talk">
        </li>
        <li>
          <div class="icon ic-phone-locked"></div>
          <input type="text" readonly="readonly" value="phone-locked">
        </li>
        <li>
          <div class="icon ic-phone-missed"></div>
          <input type="text" readonly="readonly" value="phone-missed">
        </li>
        <li>
          <div class="icon ic-phone-paused"></div>
          <input type="text" readonly="readonly" value="phone-paused">
        </li>
        <li>
          <div class="icon ic-photo"></div>
          <input type="text" readonly="readonly" value="photo">
        </li>
        <li>
          <div class="icon ic-photo-album"></div>
          <input type="text" readonly="readonly" value="photo-album">
        </li>
        <li>
          <div class="icon ic-photo-library"></div>
          <input type="text" readonly="readonly" value="photo-library">
        </li>
        <li>
          <div class="icon ic-place"></div>
          <input type="text" readonly="readonly" value="place">
        </li>
        <li>
          <div class="icon ic-play-arrow"></div>
          <input type="text" readonly="readonly" value="play-arrow">
        </li>
        <li>
          <div class="icon ic-play-circle-fill"></div>
          <input type="text" readonly="readonly" value="play-circle-fill">
        </li>
        <li>
          <div class="icon ic-play-circle-outline"></div>
          <input type="text" readonly="readonly" value="play-circle-outline">
        </li>
        <li>
          <div class="icon ic-play-download"></div>
          <input type="text" readonly="readonly" value="play-download">
        </li>
        <li>
          <div class="icon ic-play-install"></div>
          <input type="text" readonly="readonly" value="play-install">
        </li>
        <li>
          <div class="icon ic-plus-one"></div>
          <input type="text" readonly="readonly" value="plus-one">
        </li>
        <li>
          <div class="icon ic-poll"></div>
          <input type="text" readonly="readonly" value="poll">
        </li>
        <li>
          <div class="icon ic-polymer"></div>
          <input type="text" readonly="readonly" value="polymer">
        </li>
        <li>
          <div class="icon ic-portrait"></div>
          <input type="text" readonly="readonly" value="portrait">
        </li>
        <li>
          <div class="icon ic-post-blogger"></div>
          <input type="text" readonly="readonly" value="post-blogger">
        </li>
        <li>
          <div class="icon ic-post-facebook"></div>
          <input type="text" readonly="readonly" value="post-facebook">
        </li>
        <li>
          <div class="icon ic-post-gplus"></div>
          <input type="text" readonly="readonly" value="post-gplus">
        </li>
        <li>
          <div class="icon ic-post-instagram"></div>
          <input type="text" readonly="readonly" value="post-instagram">
        </li>
        <li>
          <div class="icon ic-post-linkedin"></div>
          <input type="text" readonly="readonly" value="post-linkedin">
        </li>
        <li>
          <div class="icon ic-post-pinterest"></div>
          <input type="text" readonly="readonly" value="post-pinterest">
        </li>
        <li>
          <div class="icon ic-post-tumblr"></div>
          <input type="text" readonly="readonly" value="post-tumblr">
        </li>
        <li>
          <div class="icon ic-post-twitter"></div>
          <input type="text" readonly="readonly" value="post-twitter">
        </li>
        <li>
          <div class="icon ic-print"></div>
          <input type="text" readonly="readonly" value="print">
        </li>
        <li>
          <div class="icon ic-public"></div>
          <input type="text" readonly="readonly" value="public">
        </li>
        <li>
          <div class="icon ic-queue"></div>
          <input type="text" readonly="readonly" value="queue">
        </li>
        <li>
          <div class="icon ic-radio-button-off"></div>
          <input type="text" readonly="readonly" value="radio-button-off">
        </li>
        <li>
          <div class="icon ic-radio-button-on"></div>
          <input type="text" readonly="readonly" value="radio-button-on">
        </li>
        <li>
          <div class="icon ic-receipt"></div>
          <input type="text" readonly="readonly" value="receipt">
        </li>
        <li>
          <div class="icon ic-refresh"></div>
          <input type="text" readonly="readonly" value="refresh">
        </li>
        <li>
          <div class="icon ic-reminder"></div>
          <input type="text" readonly="readonly" value="reminder">
        </li>
        <li>
          <div class="icon ic-remove"></div>
          <input type="text" readonly="readonly" value="remove">
        </li>
        <li>
          <div class="icon ic-remove-circle"></div>
          <input type="text" readonly="readonly" value="remove-circle">
        </li>
        <li>
          <div class="icon ic-remove-circle-outline"></div>
          <input type="text" readonly="readonly" value="remove-circle-outline">
        </li>
        <li>
          <div class="icon ic-replay"></div>
          <input type="text" readonly="readonly" value="replay">
        </li>
        <li>
          <div class="icon ic-reply"></div>
          <input type="text" readonly="readonly" value="reply">
        </li>
        <li>
          <div class="icon ic-reply-all"></div>
          <input type="text" readonly="readonly" value="reply-all">
        </li>
        <li>
          <div class="icon ic-report"></div>
          <input type="text" readonly="readonly" value="report">
        </li>
        <li>
          <div class="icon ic-ring-volume"></div>
          <input type="text" readonly="readonly" value="ring-volume">
        </li>
        <li>
          <div class="icon ic-rotate-left"></div>
          <input type="text" readonly="readonly" value="rotate-left">
        </li>
        <li>
          <div class="icon ic-rotate-right"></div>
          <input type="text" readonly="readonly" value="rotate-right">
        </li>
        <li>
          <div class="icon ic-satellite"></div>
          <input type="text" readonly="readonly" value="satellite">
        </li>
        <li>
          <div class="icon ic-save"></div>
          <input type="text" readonly="readonly" value="save">
        </li>
        <li>
          <div class="icon ic-schedule"></div>
          <input type="text" readonly="readonly" value="schedule">
        </li>
        <li>
          <div class="icon ic-school"></div>
          <input type="text" readonly="readonly" value="school">
        </li>
        <li>
          <div class="icon ic-screen-lock-landscape"></div>
          <input type="text" readonly="readonly" value="screen-lock-landscape">
        </li>
        <li>
          <div class="icon ic-screen-lock-portrait"></div>
          <input type="text" readonly="readonly" value="screen-lock-portrait">
        </li>
        <li>
          <div class="icon ic-screen-lock-rotation"></div>
          <input type="text" readonly="readonly" value="screen-lock-rotation">
        </li>
        <li>
          <div class="icon ic-screen-rotation"></div>
          <input type="text" readonly="readonly" value="screen-rotation">
        </li>
        <li>
          <div class="icon ic-sd-card"></div>
          <input type="text" readonly="readonly" value="sd-card">
        </li>
        <li>
          <div class="icon ic-sd-storage"></div>
          <input type="text" readonly="readonly" value="sd-storage">
        </li>
        <li>
          <div class="icon ic-search"></div>
          <input type="text" readonly="readonly" value="search">
        </li>
        <li>
          <div class="icon ic-select-all"></div>
          <input type="text" readonly="readonly" value="select-all">
        </li>
        <li>
          <div class="icon ic-send"></div>
          <input type="text" readonly="readonly" value="send">
        </li>
        <li>
          <div class="icon ic-settings"></div>
          <input type="text" readonly="readonly" value="settings">
        </li>
        <li>
          <div class="icon ic-settings-application"></div>
          <input type="text" readonly="readonly" value="settings-application">
        </li>
        <li>
          <div class="icon ic-settings-bluetooth"></div>
          <input type="text" readonly="readonly" value="settings-bluetooth">
        </li>
        <li>
          <div class="icon ic-settings-cell"></div>
          <input type="text" readonly="readonly" value="settings-cell">
        </li>
        <li>
          <div class="icon ic-settings-phone"></div>
          <input type="text" readonly="readonly" value="settings-phone">
        </li>
        <li>
          <div class="icon ic-settings-power"></div>
          <input type="text" readonly="readonly" value="settings-power">
        </li>
        <li>
          <div class="icon ic-settings-voice"></div>
          <input type="text" readonly="readonly" value="settings-voice">
        </li>
        <li>
          <div class="icon ic-share"></div>
          <input type="text" readonly="readonly" value="share">
        </li>
        <li>
          <div class="icon ic-share-alt"></div>
          <input type="text" readonly="readonly" value="share-alt">
        </li>
        <li>
          <div class="icon ic-shopping-basket"></div>
          <input type="text" readonly="readonly" value="shopping-basket">
        </li>
        <li>
          <div class="icon ic-shopping-cart"></div>
          <input type="text" readonly="readonly" value="shopping-cart">
        </li>
        <li>
          <div class="icon ic-shuffle"></div>
          <input type="text" readonly="readonly" value="shuffle">
        </li>
        <li>
          <div class="icon ic-signal-cellular-1-bar"></div>
          <input type="text" readonly="readonly" value="signal-cellular-1-bar">
        </li>
        <li>
          <div class="icon ic-signal-cellular-2-bar"></div>
          <input type="text" readonly="readonly" value="signal-cellular-2-bar">
        </li>
        <li>
          <div class="icon ic-signal-cellular-3-bar"></div>
          <input type="text" readonly="readonly" value="signal-cellular-3-bar">
        </li>
        <li>
          <div class="icon ic-signal-cellular-4-bar"></div>
          <input type="text" readonly="readonly" value="signal-cellular-4-bar">
        </li>
        <li>
          <div class="icon ic-signal-wifi-1-bar"></div>
          <input type="text" readonly="readonly" value="signal-wifi-1-bar">
        </li>
        <li>
          <div class="icon ic-signal-wifi-2-bar"></div>
          <input type="text" readonly="readonly" value="signal-wifi-2-bar">
        </li>
        <li>
          <div class="icon ic-signal-wifi-3-bar"></div>
          <input type="text" readonly="readonly" value="signal-wifi-3-bar">
        </li>
        <li>
          <div class="icon ic-signal-wifi-4-bar"></div>
          <input type="text" readonly="readonly" value="signal-wifi-4-bar">
        </li>
        <li>
          <div class="icon ic-sim-card-alert"></div>
          <input type="text" readonly="readonly" value="sim-card-alert">
        </li>
        <li>
          <div class="icon ic-skip-next"></div>
          <input type="text" readonly="readonly" value="skip-next">
        </li>
        <li>
          <div class="icon ic-skip-previous"></div>
          <input type="text" readonly="readonly" value="skip-previous">
        </li>
        <li>
          <div class="icon ic-slideshow"></div>
          <input type="text" readonly="readonly" value="slideshow">
        </li>
        <li>
          <div class="icon ic-sms"></div>
          <input type="text" readonly="readonly" value="sms">
        </li>
        <li>
          <div class="icon ic-sms-failed"></div>
          <input type="text" readonly="readonly" value="sms-failed">
        </li>
        <li>
          <div class="icon ic-sort"></div>
          <input type="text" readonly="readonly" value="sort">
        </li>
        <li>
          <div class="icon ic-speaker"></div>
          <input type="text" readonly="readonly" value="speaker">
        </li>
        <li>
          <div class="icon ic-star"></div>
          <input type="text" readonly="readonly" value="star">
        </li>
        <li>
          <div class="icon ic-star-half"></div>
          <input type="text" readonly="readonly" value="star-half">
        </li>
        <li>
          <div class="icon ic-star-outline"></div>
          <input type="text" readonly="readonly" value="star-outline">
        </li>
        <li>
          <div class="icon ic-star-rate"></div>
          <input type="text" readonly="readonly" value="star-rate">
        </li>
        <li>
          <div class="icon ic-stop"></div>
          <input type="text" readonly="readonly" value="stop">
        </li>
        <li>
          <div class="icon ic-storage"></div>
          <input type="text" readonly="readonly" value="storage">
        </li>
        <li>
          <div class="icon ic-store"></div>
          <input type="text" readonly="readonly" value="store">
        </li>
        <li>
          <div class="icon ic-swap-driving-apps"></div>
          <input type="text" readonly="readonly" value="swap-driving-apps">
        </li>
        <li>
          <div class="icon ic-swap-horiz"></div>
          <input type="text" readonly="readonly" value="swap-horiz">
        </li>
        <li>
          <div class="icon ic-swap-vert"></div>
          <input type="text" readonly="readonly" value="swap-vert">
        </li>
        <li>
          <div class="icon ic-swap-vert-circle"></div>
          <input type="text" readonly="readonly" value="swap-vert-circle">
        </li>
        <li>
          <div class="icon ic-switch-camera"></div>
          <input type="text" readonly="readonly" value="switch-camera">
        </li>
        <li>
          <div class="icon ic-switch-video"></div>
          <input type="text" readonly="readonly" value="switch-video">
        </li>
        <li>
          <div class="icon ic-sync"></div>
          <input type="text" readonly="readonly" value="sync">
        </li>
        <li>
          <div class="icon ic-sync-disabled"></div>
          <input type="text" readonly="readonly" value="sync-disabled">
        </li>
        <li>
          <div class="icon ic-sync-green"></div>
          <input type="text" readonly="readonly" value="sync-green">
        </li>
        <li>
          <div class="icon ic-sync-problem"></div>
          <input type="text" readonly="readonly" value="sync-problem">
        </li>
        <li>
          <div class="icon ic-sync-problem-red"></div>
          <input type="text" readonly="readonly" value="sync-problem-red">
        </li>
        <li>
          <div class="icon ic-system-update"></div>
          <input type="text" readonly="readonly" value="system-update">
        </li>
        <li>
          <div class="icon ic-tab"></div>
          <input type="text" readonly="readonly" value="tab">
        </li>
        <li>
          <div class="icon ic-tab-unselected"></div>
          <input type="text" readonly="readonly" value="tab-unselected">
        </li>
        <li>
          <div class="icon ic-tablet"></div>
          <input type="text" readonly="readonly" value="tablet">
        </li>
        <li>
          <div class="icon ic-tag-faces"></div>
          <input type="text" readonly="readonly" value="tag-faces">
        </li>
        <li>
          <div class="icon ic-tap-and-play"></div>
          <input type="text" readonly="readonly" value="tap-and-play">
        </li>
        <li>
          <div class="icon ic-terrain"></div>
          <input type="text" readonly="readonly" value="terrain">
        </li>
        <li>
          <div class="icon ic-text-format"></div>
          <input type="text" readonly="readonly" value="text-format">
        </li>
        <li>
          <div class="icon ic-text-sms"></div>
          <input type="text" readonly="readonly" value="text-sms">
        </li>
        <li>
          <div class="icon ic-theaters"></div>
          <input type="text" readonly="readonly" value="theaters">
        </li>
        <li>
          <div class="icon ic-thumbs-down"></div>
          <input type="text" readonly="readonly" value="thumbs-down">
        </li>
        <li>
          <div class="icon ic-thumbs-up"></div>
          <input type="text" readonly="readonly" value="thumbs-up">
        </li>
        <li>
          <div class="icon ic-time-to-leave"></div>
          <input type="text" readonly="readonly" value="time-to-leave">
        </li>
        <li>
          <div class="icon ic-timelapse"></div>
          <input type="text" readonly="readonly" value="timelapse">
        </li>
        <li>
          <div class="icon ic-timer"></div>
          <input type="text" readonly="readonly" value="timer">
        </li>
        <li>
          <div class="icon ic-today"></div>
          <input type="text" readonly="readonly" value="today">
        </li>
        <li>
          <div class="icon ic-traffic"></div>
          <input type="text" readonly="readonly" value="traffic">
        </li>
        <li>
          <div class="icon ic-translate"></div>
          <input type="text" readonly="readonly" value="translate">
        </li>
        <li>
          <div class="icon ic-tv"></div>
          <input type="text" readonly="readonly" value="tv">
        </li>
        <li>
          <div class="icon ic-underline"></div>
          <input type="text" readonly="readonly" value="underline">
        </li>
        <li>
          <div class="icon ic-undo"></div>
          <input type="text" readonly="readonly" value="undo">
        </li>
        <li>
          <div class="icon ic-unfold-less"></div>
          <input type="text" readonly="readonly" value="unfold-less">
        </li>
        <li>
          <div class="icon ic-unfold-more"></div>
          <input type="text" readonly="readonly" value="unfold-more">
        </li>
        <li>
          <div class="icon ic-unknown-1"></div>
          <input type="text" readonly="readonly" value="unknown-1">
        </li>
        <li>
          <div class="icon ic-unknown-3"></div>
          <input type="text" readonly="readonly" value="unknown-3">
        </li>
        <li>
          <div class="icon ic-unknown-4"></div>
          <input type="text" readonly="readonly" value="unknown-4">
        </li>
        <li>
          <div class="icon ic-unknown-5"></div>
          <input type="text" readonly="readonly" value="unknown-5">
        </li>
        <li>
          <div class="icon ic-unknown-6"></div>
          <input type="text" readonly="readonly" value="unknown-6">
        </li>
        <li>
          <div class="icon ic-unknown-7"></div>
          <input type="text" readonly="readonly" value="unknown-7">
        </li>
        <li>
          <div class="icon ic-unkown-2"></div>
          <input type="text" readonly="readonly" value="unkown-2">
        </li>
        <li>
          <div class="icon ic-usb"></div>
          <input type="text" readonly="readonly" value="usb">
        </li>
        <li>
          <div class="icon ic-vibration"></div>
          <input type="text" readonly="readonly" value="vibration">
        </li>
        <li>
          <div class="icon ic-video-youtube"></div>
          <input type="text" readonly="readonly" value="video-youtube">
        </li>
        <li>
          <div class="icon ic-videocam"></div>
          <input type="text" readonly="readonly" value="videocam">
        </li>
        <li>
          <div class="icon ic-videocam-off"></div>
          <input type="text" readonly="readonly" value="videocam-off">
        </li>
        <li>
          <div class="icon ic-view-array"></div>
          <input type="text" readonly="readonly" value="view-array">
        </li>
        <li>
          <div class="icon ic-view-column"></div>
          <input type="text" readonly="readonly" value="view-column">
        </li>
        <li>
          <div class="icon ic-view-headline"></div>
          <input type="text" readonly="readonly" value="view-headline">
        </li>
        <li>
          <div class="icon ic-view-list"></div>
          <input type="text" readonly="readonly" value="view-list">
        </li>
        <li>
          <div class="icon ic-view-module"></div>
          <input type="text" readonly="readonly" value="view-module">
        </li>
        <li>
          <div class="icon ic-view-quilt"></div>
          <input type="text" readonly="readonly" value="view-quilt">
        </li>
        <li>
          <div class="icon ic-view-stream"></div>
          <input type="text" readonly="readonly" value="view-stream">
        </li>
        <li>
          <div class="icon ic-visibility"></div>
          <input type="text" readonly="readonly" value="visibility">
        </li>
        <li>
          <div class="icon ic-visibility-off"></div>
          <input type="text" readonly="readonly" value="visibility-off">
        </li>
        <li>
          <div class="icon ic-voice"></div>
          <input type="text" readonly="readonly" value="voice">
        </li>
        <li>
          <div class="icon ic-voicemail"></div>
          <input type="text" readonly="readonly" value="voicemail">
        </li>
        <li>
          <div class="icon ic-volume-down"></div>
          <input type="text" readonly="readonly" value="volume-down">
        </li>
        <li>
          <div class="icon ic-volume-mute"></div>
          <input type="text" readonly="readonly" value="volume-mute">
        </li>
        <li>
          <div class="icon ic-volume-off"></div>
          <input type="text" readonly="readonly" value="volume-off">
        </li>
        <li>
          <div class="icon ic-volume-up"></div>
          <input type="text" readonly="readonly" value="volume-up">
        </li>
        <li>
          <div class="icon ic-vpn"></div>
          <input type="text" readonly="readonly" value="vpn">
        </li>
        <li>
          <div class="icon ic-warning"></div>
          <input type="text" readonly="readonly" value="warning">
        </li>
        <li>
          <div class="icon ic-watch"></div>
          <input type="text" readonly="readonly" value="watch">
        </li>
        <li>
          <div class="icon ic-wb-auto"></div>
          <input type="text" readonly="readonly" value="wb-auto">
        </li>
        <li>
          <div class="icon ic-wb-cloudy"></div>
          <input type="text" readonly="readonly" value="wb-cloudy">
        </li>
        <li>
          <div class="icon ic-wb-incandescent"></div>
          <input type="text" readonly="readonly" value="wb-incandescent">
        </li>
        <li>
          <div class="icon ic-wb-irradescent"></div>
          <input type="text" readonly="readonly" value="wb-irradescent">
        </li>
        <li>
          <div class="icon ic-wb-sunny"></div>
          <input type="text" readonly="readonly" value="wb-sunny">
        </li>
        <li>
          <div class="icon ic-web"></div>
          <input type="text" readonly="readonly" value="web">
        </li>
        <li>
          <div class="icon ic-whatshot"></div>
          <input type="text" readonly="readonly" value="whatshot">
        </li>
        <li>
          <div class="icon ic-wifi-tethering"></div>
          <input type="text" readonly="readonly" value="wifi-tethering">
        </li>
        <li>
          <div class="icon ic-work"></div>
          <input type="text" readonly="readonly" value="work">
        </li>
      </ul>
      <h2>Character mapping</h2>
      <ul class="glyphs character-mapping">
        <li>
          <div data-icon="&#xe000;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe000;">
        </li>
        <li>
          <div data-icon="&#xe001;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe001;">
        </li>
        <li>
          <div data-icon="&#xe002;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe002;">
        </li>
        <li>
          <div data-icon="&#xe003;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe003;">
        </li>
        <li>
          <div data-icon="&#xe004;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe004;">
        </li>
        <li>
          <div data-icon="&#xe005;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe005;">
        </li>
        <li>
          <div data-icon="&#xe006;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe006;">
        </li>
        <li>
          <div data-icon="&#xe007;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe007;">
        </li>
        <li>
          <div data-icon="&#xe008;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe008;">
        </li>
        <li>
          <div data-icon="&#xe009;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe009;">
        </li>
        <li>
          <div data-icon="&#xe00a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00a;">
        </li>
        <li>
          <div data-icon="&#xe00b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00b;">
        </li>
        <li>
          <div data-icon="&#xe00c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00c;">
        </li>
        <li>
          <div data-icon="&#xe00d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00d;">
        </li>
        <li>
          <div data-icon="&#xe00e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00e;">
        </li>
        <li>
          <div data-icon="&#xe00f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe00f;">
        </li>
        <li>
          <div data-icon="&#xe010;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe010;">
        </li>
        <li>
          <div data-icon="&#xe011;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe011;">
        </li>
        <li>
          <div data-icon="&#xe012;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe012;">
        </li>
        <li>
          <div data-icon="&#xe013;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe013;">
        </li>
        <li>
          <div data-icon="&#xe014;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe014;">
        </li>
        <li>
          <div data-icon="&#xe015;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe015;">
        </li>
        <li>
          <div data-icon="&#xe016;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe016;">
        </li>
        <li>
          <div data-icon="&#xe017;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe017;">
        </li>
        <li>
          <div data-icon="&#xe018;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe018;">
        </li>
        <li>
          <div data-icon="&#xe019;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe019;">
        </li>
        <li>
          <div data-icon="&#xe01a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01a;">
        </li>
        <li>
          <div data-icon="&#xe01b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01b;">
        </li>
        <li>
          <div data-icon="&#xe01c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01c;">
        </li>
        <li>
          <div data-icon="&#xe01d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01d;">
        </li>
        <li>
          <div data-icon="&#xe01e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01e;">
        </li>
        <li>
          <div data-icon="&#xe01f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe01f;">
        </li>
        <li>
          <div data-icon="&#xe020;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe020;">
        </li>
        <li>
          <div data-icon="&#xe021;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe021;">
        </li>
        <li>
          <div data-icon="&#xe022;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe022;">
        </li>
        <li>
          <div data-icon="&#xe023;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe023;">
        </li>
        <li>
          <div data-icon="&#xe024;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe024;">
        </li>
        <li>
          <div data-icon="&#xe025;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe025;">
        </li>
        <li>
          <div data-icon="&#xe026;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe026;">
        </li>
        <li>
          <div data-icon="&#xe027;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe027;">
        </li>
        <li>
          <div data-icon="&#xe028;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe028;">
        </li>
        <li>
          <div data-icon="&#xe029;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe029;">
        </li>
        <li>
          <div data-icon="&#xe02a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02a;">
        </li>
        <li>
          <div data-icon="&#xe02b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02b;">
        </li>
        <li>
          <div data-icon="&#xe02c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02c;">
        </li>
        <li>
          <div data-icon="&#xe02d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02d;">
        </li>
        <li>
          <div data-icon="&#xe02e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02e;">
        </li>
        <li>
          <div data-icon="&#xe02f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe02f;">
        </li>
        <li>
          <div data-icon="&#xe030;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe030;">
        </li>
        <li>
          <div data-icon="&#xe031;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe031;">
        </li>
        <li>
          <div data-icon="&#xe032;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe032;">
        </li>
        <li>
          <div data-icon="&#xe033;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe033;">
        </li>
        <li>
          <div data-icon="&#xe034;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe034;">
        </li>
        <li>
          <div data-icon="&#xe035;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe035;">
        </li>
        <li>
          <div data-icon="&#xe036;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe036;">
        </li>
        <li>
          <div data-icon="&#xe037;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe037;">
        </li>
        <li>
          <div data-icon="&#xe038;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe038;">
        </li>
        <li>
          <div data-icon="&#xe039;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe039;">
        </li>
        <li>
          <div data-icon="&#xe03a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03a;">
        </li>
        <li>
          <div data-icon="&#xe03b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03b;">
        </li>
        <li>
          <div data-icon="&#xe03c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03c;">
        </li>
        <li>
          <div data-icon="&#xe03d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03d;">
        </li>
        <li>
          <div data-icon="&#xe03e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03e;">
        </li>
        <li>
          <div data-icon="&#xe03f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe03f;">
        </li>
        <li>
          <div data-icon="&#xe040;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe040;">
        </li>
        <li>
          <div data-icon="&#xe041;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe041;">
        </li>
        <li>
          <div data-icon="&#xe042;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe042;">
        </li>
        <li>
          <div data-icon="&#xe043;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe043;">
        </li>
        <li>
          <div data-icon="&#xe044;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe044;">
        </li>
        <li>
          <div data-icon="&#xe045;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe045;">
        </li>
        <li>
          <div data-icon="&#xe046;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe046;">
        </li>
        <li>
          <div data-icon="&#xe047;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe047;">
        </li>
        <li>
          <div data-icon="&#xe048;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe048;">
        </li>
        <li>
          <div data-icon="&#xe049;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe049;">
        </li>
        <li>
          <div data-icon="&#xe04a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04a;">
        </li>
        <li>
          <div data-icon="&#xe04b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04b;">
        </li>
        <li>
          <div data-icon="&#xe04c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04c;">
        </li>
        <li>
          <div data-icon="&#xe04d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04d;">
        </li>
        <li>
          <div data-icon="&#xe04e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04e;">
        </li>
        <li>
          <div data-icon="&#xe04f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe04f;">
        </li>
        <li>
          <div data-icon="&#xe050;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe050;">
        </li>
        <li>
          <div data-icon="&#xe051;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe051;">
        </li>
        <li>
          <div data-icon="&#xe052;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe052;">
        </li>
        <li>
          <div data-icon="&#xe053;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe053;">
        </li>
        <li>
          <div data-icon="&#xe054;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe054;">
        </li>
        <li>
          <div data-icon="&#xe055;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe055;">
        </li>
        <li>
          <div data-icon="&#xe056;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe056;">
        </li>
        <li>
          <div data-icon="&#xe057;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe057;">
        </li>
        <li>
          <div data-icon="&#xe058;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe058;">
        </li>
        <li>
          <div data-icon="&#xe059;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe059;">
        </li>
        <li>
          <div data-icon="&#xe05a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05a;">
        </li>
        <li>
          <div data-icon="&#xe05b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05b;">
        </li>
        <li>
          <div data-icon="&#xe05c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05c;">
        </li>
        <li>
          <div data-icon="&#xe05d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05d;">
        </li>
        <li>
          <div data-icon="&#xe05e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05e;">
        </li>
        <li>
          <div data-icon="&#xe05f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe05f;">
        </li>
        <li>
          <div data-icon="&#xe060;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe060;">
        </li>
        <li>
          <div data-icon="&#xe061;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe061;">
        </li>
        <li>
          <div data-icon="&#xe062;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe062;">
        </li>
        <li>
          <div data-icon="&#xe063;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe063;">
        </li>
        <li>
          <div data-icon="&#xe064;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe064;">
        </li>
        <li>
          <div data-icon="&#xe065;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe065;">
        </li>
        <li>
          <div data-icon="&#xe066;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe066;">
        </li>
        <li>
          <div data-icon="&#xe067;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe067;">
        </li>
        <li>
          <div data-icon="&#xe068;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe068;">
        </li>
        <li>
          <div data-icon="&#xe069;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe069;">
        </li>
        <li>
          <div data-icon="&#xe06a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06a;">
        </li>
        <li>
          <div data-icon="&#xe06b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06b;">
        </li>
        <li>
          <div data-icon="&#xe06c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06c;">
        </li>
        <li>
          <div data-icon="&#xe06d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06d;">
        </li>
        <li>
          <div data-icon="&#xe06e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06e;">
        </li>
        <li>
          <div data-icon="&#xe06f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe06f;">
        </li>
        <li>
          <div data-icon="&#xe070;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe070;">
        </li>
        <li>
          <div data-icon="&#xe071;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe071;">
        </li>
        <li>
          <div data-icon="&#xe072;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe072;">
        </li>
        <li>
          <div data-icon="&#xe073;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe073;">
        </li>
        <li>
          <div data-icon="&#xe074;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe074;">
        </li>
        <li>
          <div data-icon="&#xe075;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe075;">
        </li>
        <li>
          <div data-icon="&#xe076;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe076;">
        </li>
        <li>
          <div data-icon="&#xe077;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe077;">
        </li>
        <li>
          <div data-icon="&#xe078;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe078;">
        </li>
        <li>
          <div data-icon="&#xe079;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe079;">
        </li>
        <li>
          <div data-icon="&#xe07a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07a;">
        </li>
        <li>
          <div data-icon="&#xe07b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07b;">
        </li>
        <li>
          <div data-icon="&#xe07c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07c;">
        </li>
        <li>
          <div data-icon="&#xe07d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07d;">
        </li>
        <li>
          <div data-icon="&#xe07e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07e;">
        </li>
        <li>
          <div data-icon="&#xe07f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe07f;">
        </li>
        <li>
          <div data-icon="&#xe080;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe080;">
        </li>
        <li>
          <div data-icon="&#xe081;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe081;">
        </li>
        <li>
          <div data-icon="&#xe082;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe082;">
        </li>
        <li>
          <div data-icon="&#xe083;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe083;">
        </li>
        <li>
          <div data-icon="&#xe084;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe084;">
        </li>
        <li>
          <div data-icon="&#xe085;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe085;">
        </li>
        <li>
          <div data-icon="&#xe086;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe086;">
        </li>
        <li>
          <div data-icon="&#xe087;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe087;">
        </li>
        <li>
          <div data-icon="&#xe088;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe088;">
        </li>
        <li>
          <div data-icon="&#xe089;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe089;">
        </li>
        <li>
          <div data-icon="&#xe08a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08a;">
        </li>
        <li>
          <div data-icon="&#xe08b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08b;">
        </li>
        <li>
          <div data-icon="&#xe08c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08c;">
        </li>
        <li>
          <div data-icon="&#xe08d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08d;">
        </li>
        <li>
          <div data-icon="&#xe08e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08e;">
        </li>
        <li>
          <div data-icon="&#xe08f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe08f;">
        </li>
        <li>
          <div data-icon="&#xe090;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe090;">
        </li>
        <li>
          <div data-icon="&#xe091;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe091;">
        </li>
        <li>
          <div data-icon="&#xe092;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe092;">
        </li>
        <li>
          <div data-icon="&#xe093;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe093;">
        </li>
        <li>
          <div data-icon="&#xe094;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe094;">
        </li>
        <li>
          <div data-icon="&#xe095;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe095;">
        </li>
        <li>
          <div data-icon="&#xe096;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe096;">
        </li>
        <li>
          <div data-icon="&#xe097;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe097;">
        </li>
        <li>
          <div data-icon="&#xe098;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe098;">
        </li>
        <li>
          <div data-icon="&#xe099;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe099;">
        </li>
        <li>
          <div data-icon="&#xe09a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09a;">
        </li>
        <li>
          <div data-icon="&#xe09b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09b;">
        </li>
        <li>
          <div data-icon="&#xe09c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09c;">
        </li>
        <li>
          <div data-icon="&#xe09d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09d;">
        </li>
        <li>
          <div data-icon="&#xe09e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09e;">
        </li>
        <li>
          <div data-icon="&#xe09f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe09f;">
        </li>
        <li>
          <div data-icon="&#xe0a0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a0;">
        </li>
        <li>
          <div data-icon="&#xe0a1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a1;">
        </li>
        <li>
          <div data-icon="&#xe0a2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a2;">
        </li>
        <li>
          <div data-icon="&#xe0a3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a3;">
        </li>
        <li>
          <div data-icon="&#xe0a4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a4;">
        </li>
        <li>
          <div data-icon="&#xe0a5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a5;">
        </li>
        <li>
          <div data-icon="&#xe0a6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a6;">
        </li>
        <li>
          <div data-icon="&#xe0a7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a7;">
        </li>
        <li>
          <div data-icon="&#xe0a8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a8;">
        </li>
        <li>
          <div data-icon="&#xe0a9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0a9;">
        </li>
        <li>
          <div data-icon="&#xe0aa;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0aa;">
        </li>
        <li>
          <div data-icon="&#xe0ab;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ab;">
        </li>
        <li>
          <div data-icon="&#xe0ac;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ac;">
        </li>
        <li>
          <div data-icon="&#xe0ad;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ad;">
        </li>
        <li>
          <div data-icon="&#xe0ae;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ae;">
        </li>
        <li>
          <div data-icon="&#xe0af;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0af;">
        </li>
        <li>
          <div data-icon="&#xe0b0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b0;">
        </li>
        <li>
          <div data-icon="&#xe0b1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b1;">
        </li>
        <li>
          <div data-icon="&#xe0b2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b2;">
        </li>
        <li>
          <div data-icon="&#xe0b3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b3;">
        </li>
        <li>
          <div data-icon="&#xe0b4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b4;">
        </li>
        <li>
          <div data-icon="&#xe0b5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b5;">
        </li>
        <li>
          <div data-icon="&#xe0b6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b6;">
        </li>
        <li>
          <div data-icon="&#xe0b7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b7;">
        </li>
        <li>
          <div data-icon="&#xe0b8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b8;">
        </li>
        <li>
          <div data-icon="&#xe0b9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0b9;">
        </li>
        <li>
          <div data-icon="&#xe0ba;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ba;">
        </li>
        <li>
          <div data-icon="&#xe0bb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0bb;">
        </li>
        <li>
          <div data-icon="&#xe0bc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0bc;">
        </li>
        <li>
          <div data-icon="&#xe0bd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0bd;">
        </li>
        <li>
          <div data-icon="&#xe0be;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0be;">
        </li>
        <li>
          <div data-icon="&#xe0bf;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0bf;">
        </li>
        <li>
          <div data-icon="&#xe0c0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c0;">
        </li>
        <li>
          <div data-icon="&#xe0c1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c1;">
        </li>
        <li>
          <div data-icon="&#xe0c2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c2;">
        </li>
        <li>
          <div data-icon="&#xe0c3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c3;">
        </li>
        <li>
          <div data-icon="&#xe0c4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c4;">
        </li>
        <li>
          <div data-icon="&#xe0c5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c5;">
        </li>
        <li>
          <div data-icon="&#xe0c6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c6;">
        </li>
        <li>
          <div data-icon="&#xe0c7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c7;">
        </li>
        <li>
          <div data-icon="&#xe0c8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c8;">
        </li>
        <li>
          <div data-icon="&#xe0c9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0c9;">
        </li>
        <li>
          <div data-icon="&#xe0ca;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ca;">
        </li>
        <li>
          <div data-icon="&#xe0cb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0cb;">
        </li>
        <li>
          <div data-icon="&#xe0cc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0cc;">
        </li>
        <li>
          <div data-icon="&#xe0cd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0cd;">
        </li>
        <li>
          <div data-icon="&#xe0ce;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ce;">
        </li>
        <li>
          <div data-icon="&#xe0cf;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0cf;">
        </li>
        <li>
          <div data-icon="&#xe0d0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d0;">
        </li>
        <li>
          <div data-icon="&#xe0d1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d1;">
        </li>
        <li>
          <div data-icon="&#xe0d2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d2;">
        </li>
        <li>
          <div data-icon="&#xe0d3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d3;">
        </li>
        <li>
          <div data-icon="&#xe0d4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d4;">
        </li>
        <li>
          <div data-icon="&#xe0d5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d5;">
        </li>
        <li>
          <div data-icon="&#xe0d6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d6;">
        </li>
        <li>
          <div data-icon="&#xe0d7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d7;">
        </li>
        <li>
          <div data-icon="&#xe0d8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d8;">
        </li>
        <li>
          <div data-icon="&#xe0d9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0d9;">
        </li>
        <li>
          <div data-icon="&#xe0da;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0da;">
        </li>
        <li>
          <div data-icon="&#xe0db;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0db;">
        </li>
        <li>
          <div data-icon="&#xe0dc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0dc;">
        </li>
        <li>
          <div data-icon="&#xe0dd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0dd;">
        </li>
        <li>
          <div data-icon="&#xe0de;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0de;">
        </li>
        <li>
          <div data-icon="&#xe0df;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0df;">
        </li>
        <li>
          <div data-icon="&#xe0e0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e0;">
        </li>
        <li>
          <div data-icon="&#xe0e1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e1;">
        </li>
        <li>
          <div data-icon="&#xe0e2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e2;">
        </li>
        <li>
          <div data-icon="&#xe0e3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e3;">
        </li>
        <li>
          <div data-icon="&#xe0e4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e4;">
        </li>
        <li>
          <div data-icon="&#xe0e5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e5;">
        </li>
        <li>
          <div data-icon="&#xe0e6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e6;">
        </li>
        <li>
          <div data-icon="&#xe0e7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e7;">
        </li>
        <li>
          <div data-icon="&#xe0e8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e8;">
        </li>
        <li>
          <div data-icon="&#xe0e9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0e9;">
        </li>
        <li>
          <div data-icon="&#xe0ea;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ea;">
        </li>
        <li>
          <div data-icon="&#xe0eb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0eb;">
        </li>
        <li>
          <div data-icon="&#xe0ec;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ec;">
        </li>
        <li>
          <div data-icon="&#xe0ed;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ed;">
        </li>
        <li>
          <div data-icon="&#xe0ee;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ee;">
        </li>
        <li>
          <div data-icon="&#xe0ef;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ef;">
        </li>
        <li>
          <div data-icon="&#xe0f0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f0;">
        </li>
        <li>
          <div data-icon="&#xe0f1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f1;">
        </li>
        <li>
          <div data-icon="&#xe0f2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f2;">
        </li>
        <li>
          <div data-icon="&#xe0f3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f3;">
        </li>
        <li>
          <div data-icon="&#xe0f4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f4;">
        </li>
        <li>
          <div data-icon="&#xe0f5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f5;">
        </li>
        <li>
          <div data-icon="&#xe0f6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f6;">
        </li>
        <li>
          <div data-icon="&#xe0f7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f7;">
        </li>
        <li>
          <div data-icon="&#xe0f8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f8;">
        </li>
        <li>
          <div data-icon="&#xe0f9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0f9;">
        </li>
        <li>
          <div data-icon="&#xe0fa;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fa;">
        </li>
        <li>
          <div data-icon="&#xe0fb;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fb;">
        </li>
        <li>
          <div data-icon="&#xe0fc;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fc;">
        </li>
        <li>
          <div data-icon="&#xe0fd;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fd;">
        </li>
        <li>
          <div data-icon="&#xe0fe;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0fe;">
        </li>
        <li>
          <div data-icon="&#xe0ff;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe0ff;">
        </li>
        <li>
          <div data-icon="&#xe100;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe100;">
        </li>
        <li>
          <div data-icon="&#xe101;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe101;">
        </li>
        <li>
          <div data-icon="&#xe102;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe102;">
        </li>
        <li>
          <div data-icon="&#xe103;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe103;">
        </li>
        <li>
          <div data-icon="&#xe104;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe104;">
        </li>
        <li>
          <div data-icon="&#xe105;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe105;">
        </li>
        <li>
          <div data-icon="&#xe106;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe106;">
        </li>
        <li>
          <div data-icon="&#xe107;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe107;">
        </li>
        <li>
          <div data-icon="&#xe108;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe108;">
        </li>
        <li>
          <div data-icon="&#xe109;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe109;">
        </li>
        <li>
          <div data-icon="&#xe10a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10a;">
        </li>
        <li>
          <div data-icon="&#xe10b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10b;">
        </li>
        <li>
          <div data-icon="&#xe10c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10c;">
        </li>
        <li>
          <div data-icon="&#xe10d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10d;">
        </li>
        <li>
          <div data-icon="&#xe10e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10e;">
        </li>
        <li>
          <div data-icon="&#xe10f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe10f;">
        </li>
        <li>
          <div data-icon="&#xe110;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe110;">
        </li>
        <li>
          <div data-icon="&#xe111;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe111;">
        </li>
        <li>
          <div data-icon="&#xe112;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe112;">
        </li>
        <li>
          <div data-icon="&#xe113;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe113;">
        </li>
        <li>
          <div data-icon="&#xe114;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe114;">
        </li>
        <li>
          <div data-icon="&#xe115;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe115;">
        </li>
        <li>
          <div data-icon="&#xe116;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe116;">
        </li>
        <li>
          <div data-icon="&#xe117;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe117;">
        </li>
        <li>
          <div data-icon="&#xe118;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe118;">
        </li>
        <li>
          <div data-icon="&#xe119;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe119;">
        </li>
        <li>
          <div data-icon="&#xe11a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe11a;">
        </li>
        <li>
          <div data-icon="&#xe11b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe11b;">
        </li>
        <li>
          <div data-icon="&#xe11c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe11c;">
        </li>
        <li>
          <div data-icon="&#xe11d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe11d;">
        </li>
        <li>
          <div data-icon="&#xe11e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe11e;">
        </li>
        <li>
          <div data-icon="&#xe11f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe11f;">
        </li>
        <li>
          <div data-icon="&#xe120;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe120;">
        </li>
        <li>
          <div data-icon="&#xe121;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe121;">
        </li>
        <li>
          <div data-icon="&#xe122;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe122;">
        </li>
        <li>
          <div data-icon="&#xe123;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe123;">
        </li>
        <li>
          <div data-icon="&#xe124;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe124;">
        </li>
        <li>
          <div data-icon="&#xe125;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe125;">
        </li>
        <li>
          <div data-icon="&#xe126;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe126;">
        </li>
        <li>
          <div data-icon="&#xe127;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe127;">
        </li>
        <li>
          <div data-icon="&#xe128;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe128;">
        </li>
        <li>
          <div data-icon="&#xe129;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe129;">
        </li>
        <li>
          <div data-icon="&#xe12a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe12a;">
        </li>
        <li>
          <div data-icon="&#xe12b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe12b;">
        </li>
        <li>
          <div data-icon="&#xe12c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe12c;">
        </li>
        <li>
          <div data-icon="&#xe12d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe12d;">
        </li>
        <li>
          <div data-icon="&#xe12e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe12e;">
        </li>
        <li>
          <div data-icon="&#xe12f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe12f;">
        </li>
        <li>
          <div data-icon="&#xe130;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe130;">
        </li>
        <li>
          <div data-icon="&#xe131;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe131;">
        </li>
        <li>
          <div data-icon="&#xe132;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe132;">
        </li>
        <li>
          <div data-icon="&#xe133;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe133;">
        </li>
        <li>
          <div data-icon="&#xe134;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe134;">
        </li>
        <li>
          <div data-icon="&#xe135;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe135;">
        </li>
        <li>
          <div data-icon="&#xe136;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe136;">
        </li>
        <li>
          <div data-icon="&#xe137;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe137;">
        </li>
        <li>
          <div data-icon="&#xe138;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe138;">
        </li>
        <li>
          <div data-icon="&#xe139;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe139;">
        </li>
        <li>
          <div data-icon="&#xe13a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe13a;">
        </li>
        <li>
          <div data-icon="&#xe13b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe13b;">
        </li>
        <li>
          <div data-icon="&#xe13c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe13c;">
        </li>
        <li>
          <div data-icon="&#xe13d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe13d;">
        </li>
        <li>
          <div data-icon="&#xe13e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe13e;">
        </li>
        <li>
          <div data-icon="&#xe13f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe13f;">
        </li>
        <li>
          <div data-icon="&#xe140;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe140;">
        </li>
        <li>
          <div data-icon="&#xe141;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe141;">
        </li>
        <li>
          <div data-icon="&#xe142;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe142;">
        </li>
        <li>
          <div data-icon="&#xe143;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe143;">
        </li>
        <li>
          <div data-icon="&#xe144;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe144;">
        </li>
        <li>
          <div data-icon="&#xe145;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe145;">
        </li>
        <li>
          <div data-icon="&#xe146;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe146;">
        </li>
        <li>
          <div data-icon="&#xe147;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe147;">
        </li>
        <li>
          <div data-icon="&#xe148;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe148;">
        </li>
        <li>
          <div data-icon="&#xe149;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe149;">
        </li>
        <li>
          <div data-icon="&#xe14a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe14a;">
        </li>
        <li>
          <div data-icon="&#xe14b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe14b;">
        </li>
        <li>
          <div data-icon="&#xe14c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe14c;">
        </li>
        <li>
          <div data-icon="&#xe14d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe14d;">
        </li>
        <li>
          <div data-icon="&#xe14e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe14e;">
        </li>
        <li>
          <div data-icon="&#xe14f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe14f;">
        </li>
        <li>
          <div data-icon="&#xe150;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe150;">
        </li>
        <li>
          <div data-icon="&#xe151;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe151;">
        </li>
        <li>
          <div data-icon="&#xe152;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe152;">
        </li>
        <li>
          <div data-icon="&#xe153;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe153;">
        </li>
        <li>
          <div data-icon="&#xe154;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe154;">
        </li>
        <li>
          <div data-icon="&#xe155;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe155;">
        </li>
        <li>
          <div data-icon="&#xe156;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe156;">
        </li>
        <li>
          <div data-icon="&#xe157;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe157;">
        </li>
        <li>
          <div data-icon="&#xe158;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe158;">
        </li>
        <li>
          <div data-icon="&#xe159;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe159;">
        </li>
        <li>
          <div data-icon="&#xe15a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe15a;">
        </li>
        <li>
          <div data-icon="&#xe15b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe15b;">
        </li>
        <li>
          <div data-icon="&#xe15c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe15c;">
        </li>
        <li>
          <div data-icon="&#xe15d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe15d;">
        </li>
        <li>
          <div data-icon="&#xe15e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe15e;">
        </li>
        <li>
          <div data-icon="&#xe15f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe15f;">
        </li>
        <li>
          <div data-icon="&#xe160;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe160;">
        </li>
        <li>
          <div data-icon="&#xe161;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe161;">
        </li>
        <li>
          <div data-icon="&#xe162;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe162;">
        </li>
        <li>
          <div data-icon="&#xe163;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe163;">
        </li>
        <li>
          <div data-icon="&#xe164;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe164;">
        </li>
        <li>
          <div data-icon="&#xe165;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe165;">
        </li>
        <li>
          <div data-icon="&#xe166;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe166;">
        </li>
        <li>
          <div data-icon="&#xe167;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe167;">
        </li>
        <li>
          <div data-icon="&#xe168;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe168;">
        </li>
        <li>
          <div data-icon="&#xe169;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe169;">
        </li>
        <li>
          <div data-icon="&#xe16a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe16a;">
        </li>
        <li>
          <div data-icon="&#xe16b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe16b;">
        </li>
        <li>
          <div data-icon="&#xe16c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe16c;">
        </li>
        <li>
          <div data-icon="&#xe16d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe16d;">
        </li>
        <li>
          <div data-icon="&#xe16e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe16e;">
        </li>
        <li>
          <div data-icon="&#xe16f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe16f;">
        </li>
        <li>
          <div data-icon="&#xe170;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe170;">
        </li>
        <li>
          <div data-icon="&#xe171;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe171;">
        </li>
        <li>
          <div data-icon="&#xe172;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe172;">
        </li>
        <li>
          <div data-icon="&#xe173;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe173;">
        </li>
        <li>
          <div data-icon="&#xe174;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe174;">
        </li>
        <li>
          <div data-icon="&#xe175;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe175;">
        </li>
        <li>
          <div data-icon="&#xe176;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe176;">
        </li>
        <li>
          <div data-icon="&#xe177;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe177;">
        </li>
        <li>
          <div data-icon="&#xe178;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe178;">
        </li>
        <li>
          <div data-icon="&#xe179;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe179;">
        </li>
        <li>
          <div data-icon="&#xe17a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe17a;">
        </li>
        <li>
          <div data-icon="&#xe17b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe17b;">
        </li>
        <li>
          <div data-icon="&#xe17c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe17c;">
        </li>
        <li>
          <div data-icon="&#xe17d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe17d;">
        </li>
        <li>
          <div data-icon="&#xe17e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe17e;">
        </li>
        <li>
          <div data-icon="&#xe17f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe17f;">
        </li>
        <li>
          <div data-icon="&#xe180;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe180;">
        </li>
        <li>
          <div data-icon="&#xe181;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe181;">
        </li>
        <li>
          <div data-icon="&#xe182;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe182;">
        </li>
        <li>
          <div data-icon="&#xe183;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe183;">
        </li>
        <li>
          <div data-icon="&#xe184;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe184;">
        </li>
        <li>
          <div data-icon="&#xe185;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe185;">
        </li>
        <li>
          <div data-icon="&#xe186;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe186;">
        </li>
        <li>
          <div data-icon="&#xe187;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe187;">
        </li>
        <li>
          <div data-icon="&#xe188;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe188;">
        </li>
        <li>
          <div data-icon="&#xe189;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe189;">
        </li>
        <li>
          <div data-icon="&#xe18a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe18a;">
        </li>
        <li>
          <div data-icon="&#xe18b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe18b;">
        </li>
        <li>
          <div data-icon="&#xe18c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe18c;">
        </li>
        <li>
          <div data-icon="&#xe18d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe18d;">
        </li>
        <li>
          <div data-icon="&#xe18e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe18e;">
        </li>
        <li>
          <div data-icon="&#xe18f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe18f;">
        </li>
        <li>
          <div data-icon="&#xe190;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe190;">
        </li>
        <li>
          <div data-icon="&#xe191;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe191;">
        </li>
        <li>
          <div data-icon="&#xe192;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe192;">
        </li>
        <li>
          <div data-icon="&#xe193;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe193;">
        </li>
        <li>
          <div data-icon="&#xe194;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe194;">
        </li>
        <li>
          <div data-icon="&#xe195;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe195;">
        </li>
        <li>
          <div data-icon="&#xe196;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe196;">
        </li>
        <li>
          <div data-icon="&#xe197;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe197;">
        </li>
        <li>
          <div data-icon="&#xe198;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe198;">
        </li>
        <li>
          <div data-icon="&#xe199;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe199;">
        </li>
        <li>
          <div data-icon="&#xe19a;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe19a;">
        </li>
        <li>
          <div data-icon="&#xe19b;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe19b;">
        </li>
        <li>
          <div data-icon="&#xe19c;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe19c;">
        </li>
        <li>
          <div data-icon="&#xe19d;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe19d;">
        </li>
        <li>
          <div data-icon="&#xe19e;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe19e;">
        </li>
        <li>
          <div data-icon="&#xe19f;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe19f;">
        </li>
        <li>
          <div data-icon="&#xe1a0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a0;">
        </li>
        <li>
          <div data-icon="&#xe1a1;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a1;">
        </li>
        <li>
          <div data-icon="&#xe1a2;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a2;">
        </li>
        <li>
          <div data-icon="&#xe1a3;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a3;">
        </li>
        <li>
          <div data-icon="&#xe1a4;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a4;">
        </li>
        <li>
          <div data-icon="&#xe1a5;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a5;">
        </li>
        <li>
          <div data-icon="&#xe1a6;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a6;">
        </li>
        <li>
          <div data-icon="&#xe1a7;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a7;">
        </li>
        <li>
          <div data-icon="&#xe1a8;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a8;">
        </li>
        <li>
          <div data-icon="&#xe1a9;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1a9;">
        </li>
        <li>
          <div data-icon="&#xe1aa;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1aa;">
        </li>
        <li>
          <div data-icon="&#xe1ab;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1ab;">
        </li>
        <li>
          <div data-icon="&#xe1ac;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1ac;">
        </li>
        <li>
          <div data-icon="&#xe1ad;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1ad;">
        </li>
        <li>
          <div data-icon="&#xe1ae;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1ae;">
        </li>
        <li>
          <div data-icon="&#xe1af;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1af;">
        </li>
        <li>
          <div data-icon="&#xe1b0;" class="icon"></div>
          <input type="text" readonly="readonly" value="&amp;#xe1b0;">
        </li>
      </ul>
    </div><script type="text/javascript">
(function() {
  var glyphs, _i, _len, _ref;

  _ref = document.getElementsByClassName('glyphs');
  for (_i = 0, _len = _ref.length; _i < _len; _i++) {
    glyphs = _ref[_i];
    glyphs.addEventListener('click', function(event) {
      if (event.target.tagName === 'INPUT') {
        return event.target.select();
      }
    });
  }

}).call(this);
</script>
  </body>
</html>